.forum-content {
  margin-top: 15px;
  display: flex;
  flex-direction: row;


  .left {
    width: 300px;
    margin-right: 25px;

    .el-card__header {
      padding: 0px !important;
      height: 100% !important;

      .public-forum {
        width: 100%;
        height: 40px;
        font-size: 14px;
        border-radius: 0px !important;
      }
    }

    .filter-tree {

      .el-tree-node__content {
        height: 100% !important;
        padding: 5px 0px;
      }

      .el-tree-node {
        white-space: normal !important;
      }
    }
  }

  .right {
    flex: 1;

  }
}


.forum-card-contain {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;

  .forum-card {
    padding: 30px;
    margin-bottom: 20px;

    cursor: pointer;

    .el-card__body {
      padding: 10px 0px !important;
    }

    .forum-title {
      font-size: 16px;
      font-weight: 600;
      color: #34495e;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .forum-content {
      margin-bottom: 20px;
      color: #888;
      font-size: 14px;
    }

    .forum-foot {
      display: flex;
      flex-direction: row;
      font-size: 13px;
      color: #909399;
      align-items: center;

      .forum-foot-item {
        margin-right: 20px;
      }
    }

  }
}


.forum-add {
  padding: 40px 60px 20px 20px;

  .forum-tree-select-contain {
    .el-form-item__content {
      line-height: 20px !important;
    }
  }
}

.urlLink {
  text-decoration: none;
}


.forum-detail {
  padding: 20px 60px 20px 20px;

  .forum-title {
    font-size: 28px;
    font-weight: 600;
    color: #34495e;
    line-height: 32px;
    word-break: break-all;
  }

  .forum-info {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #909399;

    .forum-info-left {
      display: flex;
      flex-direction: row;
      align-items: center;

      span {
        margin-right: 10px;
      }
    }
  }

  .forum-content-detail {
    color: #333;
    font-size: 14px;
    line-height: 1.6;
  }
}


.forum-comment {
  margin-top: 20px;
  padding: 20px 60px 20px 20px;

  .comment-submit {
    margin-top: 20px;
    text-align: right;
  }

  .comment-total {
    margin: 10px 0px 20px 0px;
  }

  .forum-comment-item {
    display: flex;
    flex-direction: row;
    background: #f9f9f9;

    .comment-item-left {
      width: 100px;
      text-align: center;
      margin-top: 20px;
    }

    .comment-item-right {
      flex: 1;

      .comment-user-name {
        margin-top: 20px;
        font-size: 14px;
        color: #34495e;
        font-weight: 600 !important;
        margin-bottom: 10px;
      }

      .comment-reply-time {
        .reply-button {
          font-size: 13px;
          padding: 3px 5px;
        }

        .create-time {
          font-size: 13px;
          color: #909399;
          margin-left: 15px;
        }
      }

      .forum-comment-child-content {
        font-size: 14px;
        color: rgb(136, 136, 136);
        word-break: break-word;
      }

      .comment-reply {
        padding: 0px 5px 0px 0px;

        .comment-reply-button {
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          margin-top: 10px;
          margin-bottom: 10px;
        }
      }
    }
  }
}

.forum-content-html {
  margin: 10px 0px 20px 0px;
  word-break: break-all;
  white-space: normal;

  image {
    max-width: 100%;
  }

  img {
    max-width: 100%;
  }

  //noinspection ALL
  video::-webkit-media-controls-enclosure {
    overflow: hidden;
  }

  //noinspection ALL
  video::-webkit-media-controls-panel {
    width: calc(100%
    + 30px);
  }
}
